<template>
	<view class="wrap">
    <fa-navbar title="" :border-bottom="false"></fa-navbar>
    <view class="list">
      <view v-for="(item, index) in list" :key="index" class="item u-flex">
        <u-image :src="item.image" width="100%" height="300"></u-image>
        <view class="div">
          <view class="u-font-30 b u-line-2 u-m-b-16">{{item.name}}</view>
          <view class="u-flex u-col-center u-font-22 u-m-b-16">
            <text>12m²</text>
            <text class="line"></text>
            <text>南</text>
            <text class="line"></text>
            <text>肥西县城</text>
          </view>
          <view class="tag-list">
            <view v-for="(items, j) in 3" :key="j" class="item">鱼饵</view>
          </view>
          <view class="price b u-m-b-16">
            <view class="u-font-34">120</view>
            <text>元/月</text>
          </view>
          <view class="jl u-flex u-col-center">
            <!-- <image src="icons/z-dt.svg" mode="" class="ico"></image> -->
            <view>距3号线-南站100米</view>
          </view>
        </view>
      </view>
    </view>
    <!-- 底部导航 -->
    <fa-tabbar></fa-tabbar>
  
  </view>
</template>
<style lang="scss" scoped>
  .list{
    .line{width: 1px; height: 20rpx; background-color: #ededed; margin: 0 20rpx;}
    .ico{width: 30rpx; height: 30rpx; margin-right: 10rpx;}
  }
</style>
<script>
	export default {
		data() {
			return {
        navH:'',
        list: [
          {
            image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
            title: '昨夜星辰昨夜风，画楼西畔桂堂东',
            name:'劳斯莱斯酒店劳斯莱斯酒店劳斯莱斯酒店劳斯莱斯酒店劳斯莱斯酒店'
          },
          {
            image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
            title: '身无彩凤双飞翼，心有灵犀一点通',
            name:'支付宝哈罗酒店'
          },
          {
            image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
            title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳',
            name:'天天向上酒店'
          },
        ],
			}
		},
    onLoad(){
      let systemInfo = uni.getSystemInfoSync()
      let height = systemInfo.platform == 'ios' ? 44 : 48;
      this.navH = systemInfo.statusBarHeight+height;
    },
    watch: {
      
    },
    
		methods: {
      
		},
    onShareAppMessage() {
      // return {
      //   title: '',
      //   path: '/pages/index/index',
      // }
    },
	}
</script>